@charset "utf-8";
.bg_red{
  background-color: $red;
}
.mod_main{
  //padding: 36px 0 70px;
  padding: 0 0 70px;
}
.mod_header{
  padding: 15px 12px;
  background-color: #fff;
  .logo{
    background: url(#{$base}/logo.jpg);
    display: inline-block;
    width: 75px;
    height: 25px;
    background-size: cover;
  }
}
.mod_footer{
  position: fixed;
  width: 100%;
  left:0;
  bottom:0;
  border-top: 1px solid $boxBorderGray;
  padding-top: 1px;
  background-color: #fff;
  z-index: $zindex-navbar;
  li{
    float: left;
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #b8b8b8;
    a{
      border-left: 1px solid #cdcdcd;
      background-color: #2f2f2f;
      @include gradient-vertical-three-colors(#e5e5e5, #bfbfbf ,32.66%,#bfbfbf);
      padding: 8px 0;
      display: block;
      font-weight: bold;
      color:#333;
      &:hover,&:active,&:visited{
        @include gradient-vertical-three-colors(#f8f8f8, #eeeeee ,32.66%,#bfbfbf);
        color:#666;
        text-decoration: none;
        [class^="icon-"]{
          @include opacity(50);
        }
      }
    }
  }
  .inner{
    @include clearfix;
  }
  [class^="icon-"]{
    display: block;
    margin:0 auto 4px;
  }
}
.mod_line{
  display: block;
  height: 100%;
  width: 1px;
  background-color: #b8b8b8;
  border-right: 1px solid #cdcdcd;
}
.title_h_a{
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}
.mod_tips{
  position: fixed;
  min-width: 250px;
  text-align: center;
  display: none;
  z-index: 9999;
  @include box-shadow(0 0 5px 3px rgba(0,0,0,0.075));
}
//mod result
.mod_result{
  padding: 12px;
  background-color: lighten($gray-lighter, 10%);
  border: 1px solid $gray-lighter;
  .checkbox-inline input{
    margin-top: 2px;
  }
}
.mod_select{
  padding: 5px 10px;
  line-height: 20px;
  border:1px solid $input-border;
  color:#dadada;
}
.tag_button{
  display: inline-block;
  border:1px solid $blue;
  background-color:lighten($blue,10%);
  color:#fff;
  padding: 0 0.8em 0 1em;
  margin:0 5px 5px 0;
  cursor: pointer;
  @include border-radius(4px);
  @include box-shadow(0 0 2px 2px rgba(0,0,0,0.08));
  .close{
    margin:2px 0 0 5px;
  }
}
.gray_bt{
  border-top: 1px solid $gray-lighter;
}
.mod_blue_title{
  padding: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  color:$blue;
  border-bottom: 1px solid $boxBorderGray;
  @include gradient-vertical(#fff,#f8f8f8);
}
.mod_section{
  p{
    margin-bottom: 12px;
    text-indent: 2em;
    font-size: 14px;
  }
}
//position
.mod_form_pos{
  position:relative;
  .p_a{
    padding-left: 30px;
  }
  .glyphicon{
    position: absolute;
    left:8px;
    top:12px;
    font-size: 16px;
    color:#999;
  }
}
//panel list
.panel-card{
  border:none;
  .panel-heading{
    padding: 12px 15px;
    background-color: $redDark;
    font-size: 14px;
    color:#fff;
    border:none;
  }
  .panel-body{
    color:#333;
    background: url(#{$base}/bg_bb.jpg) no-repeat center bottom;
  }
}
.panel-list{
  li{
    line-height: 30px;
  }
}